// react 基本使用
import ReactDOM from 'react-dom'

// 创建react元素
const name = 'React!!!!'
// function fn() {}
const fn = () => {
  return '666'
}

const span = <span>你好，我是一个span元素</span>

const el = (
  <h1>
    Hello {name} {3.14} {null} {['a', 'b']} {['a', 'b'].join('---')} {fn()}{' '}
    {true + ''}
    {span}
    {/* 错误示范： */}
    {/* {if (true) {}} */}
  </h1>
)

// 渲染
ReactDOM.render(el, document.getElementById('root'))
